<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="./templates/templatePrincipal.xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html">

	<ui:define name="windowTitle">
        Bienvenido al SAMUPG
    </ui:define>

	<ui:define name="contenido">
		<h:link outcome="/noticias.jsf" style="text-decoration: none;"
			title="Haga clic para ver noticias pasadas">
			<h3
				style="font-size: 20px; font-family: Verdana, Geneva, sans-serif; margin-bottom: 0px; color: #B23F3F; margin-top: 10px;">Noticias</h3>
		</h:link>
		<br />
		<ui:repeat var="publicacion"
			value="#{indexController.ultimasNoticias}" varStatus="posi">
			<div id="noticia">
				<div id="noticia_lado_izquierdo">
					<a
						href="resources/images/imagenes_noticias/#{publicacion.rutaImagen}"
						title="Ver imagen"> <h:graphicImage library="images"
							name="imagenes_noticias/#{publicacion.rutaImagen}"
							style="width: 100%; border: none;" />
					</a>
				</div>
				<div id="noticia_lado_derecho">
					<h:outputText value="#{publicacion.titulo}"
						styleClass="tituloNoticia" />
					<br />
					<h:outputText
						value="Publicado el #{indexController.fechasPublicaciones[posi.index]}"
						styleClass="subtitulo_publicacion" />
					<br /> <br />
					<h:outputText value="#{publicacion.contenido}"
						style="line-height: 17px;" />
					<br /> <br />
				</div>
				<div style="height: 10px; clear: both;">
					<hr
						style="color: #ECECEC; background-color: #ECECEC; border-color: #ECECEC; border-width: thin; border-top: none;" />
				</div>
			</div>
		</ui:repeat>
	</ui:define>
</ui:composition>